<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第十六章</title>
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.min.css">
    <script src="../bootstrap-3.4.1-dist/js/jquery-3.6.1.js"></script>
    <script src="../bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</head>
<style>
    .wrapper{
        margin: 0 auto;
        width: 800px;
    }
    .top{
        margin-top: 50px;
    }
    a:visited {
        color: grey;
    }
</style>
<body>
<div class="panel-group wrapper top" id="accordion" role="tablist" aria-multiselectable="true">
    <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingOne">
            <h4 class="panel-title">
                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"
                   aria-expanded="true" aria-controls="collapseOne">
                    1. JavaScript常用对象(Array、Date、Math、Number、String、Boolean)
                </a>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
            <ul class="list-group">
                <li class="list-group-item"><a href="edu_16_1_1.html">【例1-1】数组的.length属性和方法应用 .join('分隔符')、.pop()、.push(新元素,...)、.shift()、.unshift(新元素,...)</a></li>
                <li class="list-group-item"><a href="edu_16_1_2.html">【例1-2】获得当前日期对象的年、月、日、时、分、秒、星期 .getFullYear|Month|Date|Day|Hours|Minutes|Seconds()</a></li>
                <li class="list-group-item"><a href="edu_16_1_3.html">【例1-3】日期转化为字符串的应用 .toString|toLocaleString|toLocaleDateString|toLocaleTimeString()</a></li>
                <li class="list-group-item"><a href="edu_16_1_4.html">【例1-4】使用Math.ceil((Math.random()*(n-m)+m))产生[m,n]任意范围的10个随机整数。</a></li>
                <li class="list-group-item"><a href="edu_16_1_5.html">【例1-5】符串显示风格方法的应用</a></li>
            </ul>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingTwo">
            <h4 class="panel-title">
                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"
                   aria-expanded="false" aria-controls="collapseTwo">
                    2. HTML DOM
                </a>
            </h4>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
            <ul class="list-group">
                <li class="list-group-item"><a href="edu_16_2_1.html">【例2-1】DOM节点树的应用</a></li>
                <li class="list-group-item"><a href="edu_16_2_2.html">【例2-2】DOM节点访问</a></li>
                <li class="list-group-item"><a href="edu_16_2_3.html">【例2-3】创建节点的应</a>
                <li class="list-group-item"><a href="edu_16_2_4.html">【例2-4】节点删除、插入、替换</a>
                <li class="list-group-item"><a href="edu_16_2_5.html">【例2-5】innerText、innerHTML举例</a>
                <li class="list-group-item"><a href="edu_16_2_6.html">【例2-6】获得、设置节点属性</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingThree">
            <h4 class="panel-title">
                <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree"
                   aria-expanded="false" aria-controls="collapseThree">
                    3. BOM(Document、Window、Navigator、Screen对象、History、Location对象)
                </a>
            </h4>
        </div>
        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
            <ul class="list-group">
                <li class="list-group-item"><a href="edu_16_3_1.html">【例3-1】图层内字符串滚动显示</a></li>
                <li class="list-group-item"><a href="edu_16_3_2.html">【例3-2】navigator对象的应用</a></li>
                <li class="list-group-item"><a href="edu_16_3_3.html">【例3-3】screen对象的应用</a></li>
                <li class="list-group-item"><a href="edu_16_3_4.html">【例3-4】location对象的应用</a></li>
            </ul>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="heading4">
            <h4 class="panel-title">
                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse4"
                   aria-expanded="true" aria-controls="collapse4">
                    4. 综合实例
                </a>
            </h4>
        </div>
        <div id="collapse4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading4">
            <ul class="list-group">
                <li class="list-group-item"><a href="edu_16_4.html">【例3-4】综合实例</a></li>
            </ul>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="heading5">
            <h4 class="panel-title">
                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse5"
                   aria-expanded="true" aria-controls="collapse5">
                    5. 实验
                </a>
            </h4>
        </div>
        <div id="collapse5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading5">
            <ul class="list-group">
                <li class="list-group-item"><a href="exp_16_1.html">【实验1】猜字游戏</a></li>
                <li class="list-group-item"><a href="exp_16_2.html">【实验2】随机产生20个4位整数并从小到大进行排序</a></li>
            </ul>
        </div>
    </div>
    <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="heading8">
            <h4 class="panel-title">
                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse8"
                   aria-expanded="true" aria-controls="collapse8">
                    返回首页
                </a>
            </h4>
        </div>
        <div id="collapse8" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading8">
            <ul class="list-group">
                <li class="list-group-item"><a href="../index.html"><span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span> 返回首页</a></li>
            </ul>
        </div>
    </div>
</div>

</body>
</html>
